/*
Theme Name: Twenty Fourteen
Theme URI: https://wordpress.org/themes/twentyfourteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 2.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, news, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: twentyfourteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 * 5.0 - Navigation
 * 6.0 - Content
 *   6.1 - Post Thumbnail
 *   6.2 - Entry Header
 *   6.3 - Entry Meta
 *   6.4 - Entry Content
 *   6.5 - Galleries
 *   6.6 - Post Formats
 *   6.7 - Post/Image/Paging Navigation
 *   6.8 - Attachments
 *   6.9 - Archives
 *   6.10 - Contributor Page
 *   6.11 - 404 Page
 *   6.12 - Full-width
 *   6.13 - Singular
 *   6.14 - Comments
 * 7.0 - Sidebar
 *   7.1 - Widgets
 *   7.2 - Content Sidebar Widgets
 * 8.0 - Footer
 * 9.0 - Featured Content
 * 10.0 - Multisite
 * 11.0 - Media Queries
 * 12.0 - Print
 * -----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 *
 * -----------------------------------------------------------------------------
 */

.products-revamp {margin-top: 118px;}
.products-revamp ul li {
	width: 194px;
	text-align: center;
	margin: 0 auto;
	background: white;
	margin: 5px;
	box-shadow: rgba(154, 220, 240, 0.35) 0px 5px 15px;
	padding: 13px 0px;
	border: 1px solid #e6fbff;
}
.products-revamp ul li a {
	text-align: center;
	display: block;
	margin: 0 auto;
}
.products-revamp ul li img {
	width: auto;
	display: block;
	text-align: center;
	max-width: 125px;
	margin: 0 auto;
}
.products-revamp ul li span {
	color: #262626;
	font-size: 14px;
	margin-top: 1px;
	display: block;
}
.products-revamp h2 {
	text-align: center;
	color: #e62129;
	margin: 24px;
	display: block;
	font-size: 23px;
}
.products-revamp ul {
	display: flex;
	justify-content: center;
	width: 100%;
	max-width: 930px;
	margin: 0 auto;
	margin-bottom: 30px;
}
.products-revamp ul li.active{position:relative;}
.products-revamp ul li.active::before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #ee8c00;
	margin: 0 auto;
	right: 0;
	left: 0;
	bottom: -15px;
}
.cat-all ul li img {
	width: 45px;
	margin-bottom: 12px;
}
.cat-all ul li {
	padding: 27px 14px;
	border-radius: 50%;
}
.cat-all ul li.active{position:relative;}
.cat-all ul li.active::before{content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #ee8c00;
	margin: 0 auto;
	right: 0;
	left: 0;
	bottom: -15px;}
	
	

.product-list .products.columns-3 li {
	width: 28%;
	text-align: center;
	/* background: url('images/bb.png') no-repeat center center; */
	background-size: 100%;
	margin-bottom: -15px;
	float: left;
	cursor: pointer;
	position: relative;
   /*border: 4px solid #ffd5a0;*/
	margin: 1%;
	padding: 0px;
	border-radius: 15px;
	margin-bottom: 45px;
	box-shadow: 0px 0px 20px #ececec;transition: all ease .5s
}
.product-list .products.columns-3 li:hover{margin-top: -5px;transition: all ease .5s}
.product-list .product h2::after{display: none;}
.product-list .products.columns-3 li img {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 9px;
	/* min-width: 217px; */
}
.products.columns-3 h2 {
	font-size: 17px !important;
	padding-top: 0;
	color: #333;
	position: absolute;
	bottom: -59px;
}
.product-list {
	margin-top: 30px;
}
.products.columns-3 {
	margin-top: 30px;
	margin: 0 auto;
	text-align: center;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
	opacity: 1 !important;
}
.testpopup.modal.fade .modal-dialog {
	transition: transform .3s ease-out;
	transform: translate(0,-50px);
	margin-top: 130px;
	box-shadow: rgba(221, 215, 179, 0.55) 0px 5px 15px;
	padding: 13px 0px;
	/* border: 1px solid #e6fbff; */
}
.testpopup .modal-dialog {
    max-width: 800px;
 }
 
.testpopup.modal.fade .close {
	position: absolute;
	right: -13px;
	height: 40px;
	width: 40px;
	background: #e72129;
	opacity: 1;
	border-radius: 50%;
	top: -9px;
	color: #fff;
	z-index: 9999;
}
.modal-open {
	overflow: hidden;
	background: #3535355e;
	z-index: 9999;
	position: relative;
}
#exampleModal {
	background: #bbb7b7 !important;
}
.modal-content {
	border-radius: 15px;
}
#exampleModal .modal-content {
	border-radius: 12px;
}

.available span:first-child {
	background: transparent;
	color: #2b2a2a;
	text-align: left;
	padding: 0;
	margin-right: 13px;
	font-size: 15px;
	font-weight: 500;
}
.available span {
	background: red;
	padding: 8px 19px;
	color: #fff;
	font-size: 13px;
	border-radius: 6px;
}
.mbody h2 {
	color: #333;
	font-size: 21px;
}
.mbody p {
	font-size: 14px;
	color: #333;
	margin-bottom: 30px;
	margin-top: 18px;
}
.cart-arrow {
	margin-top: 34px;
	text-align: center;
}
.buynow {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.buynow {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 19px;
	padding-bottom: 11px;
}
.modal-body.mbody {
	padding: 32px 11px;
}

.modal-body.mbody .carousel-control-prev {
	background: #bb3a3f;
	height: 43px;
	top: 50%;
	width: 42px;
	left: 0;
	opacity: 1;
	border-radius: 12px;
	font-size: 11px;
}

.modal-body.mbody .carousel-control-next {
	background: #bb3a3f;
	height: 43px;
	top: 50%;
	width: 42px;
	right: 0;
	opacity: 1;
	border-radius: 12px;
	font-size: 11px;
}

.modal-body.mbody .carousel-item .col-md-5 img {
	background: #fbf6f6;
	padding: 0px;
	border-radius: 11px;
	border: 2px solid #e1e1e1;
}

@media only screen and (min-width: 320px) and (max-width: 500px)
{
    
    .products-revamp ul li {
	max-width: 194px;
	border: 1px solid #bacdd0;
	width: 142px;
	border-radius: 6px;
}
.product-list {
	margin-top: -20px;
}
.product-list .products.columns-3 li {
	width: 100%;
}

.product-list .products.columns-3 li {
	background-size: 100%;
	padding: 0px;
	border-radius: 15px;
	margin-bottom: 20px;
}

.product-list .products.columns-3 li {
	text-align: center;
	cursor: pointer;
	position: relative;
	border: 4px solid #ffd5a0;
}

.products.columns-3 h2 {
	bottom: 0px;
}
	div#primary div#content {
	background: #ffffffe3;
	position: relative;
	margin: 30px 0px 0px 0px;
	text-align: center;
	padding: 30px;
}
	.products-revamp {margin-top: 10px; margin-left: -20px;	}
	.products-revamp ul {flex-wrap: wrap;}
	.products-revamp ul li{width: 27%;}
	.products-revamp ul li img{max-width: 84px;}
	.products-revamp ul li span{font-size: 13px;}
	.cat-all ul li {
   border-radius: 0;
    background: none;
    box-shadow: none;
    margin-bottom: 15px;
    padding: 15px 0;
}
.cat-all ul li.active::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ee8c00;
    margin: 0 auto;
    right: 0;
    left: 0;
    bottom: -15px;
}
.products-revamp ul li.active::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #ee8c00;
    margin: 0 auto;
    right: 0;
    left: 0;
    bottom: -15px;
}
.cat-all ul li img {
    width: 35px;
    margin-bottom: 12px;
}
.product-list .products.columns-3 li{width: 100%;}
.products.columns-3 h2 {
    font-size: 16px !important;
    padding-top: 0;
    color: #333;
    position: relative;
    bottom:0px;
}
.testpopup .modal-dialog {
    max-width: 100%;
}
.modal-body.mbody .carousel-item {
    margin: 0 auto;
    text-align: center;
}
.testpopup.modal.fade .modal-dialog{margin-top: 115px;}
.modal-body.mbody .carousel-item .col-md-4 img {
    background: #fbf6f6;
    padding: 39px;
    border-radius: 11px;
    max-width: 155px;
}
.modal-body.mbody .carousel-control-next, .modal-body.mbody .carousel-control-prev{    top: 24%;}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    margin-right: 24px;
}
.available span {
    background: red;
    padding: 8px 12px;
    color: #fff;
    font-size: 12px;
    border-radius: 6px;
}
.col-md-12.product-list .products.columns-3{margin-left: -17px;}

}
.sub-menu-block.sub-1.sub-3{
    left: 17% !important;
}

#content_row_data{
    margin-top: -13% !important;
}

.mbody p{text-align: justify;}

#carouselExampleControls .carousel-inner .col-md-6 img {
	max-width: 100%;
	border: 1px solid #d2dcf0;
	padding: 0px;
	background: #eee;
	border-radius: 10px;
}
.testpopup .modal-dialog {
	max-width: 77%;
}
.products-revamp ul li
{
	max-width: 194px;
  border: 1px solid #e6fbff;
width: 142px;}

.testpopup .modal-dialog {
  max-width: 66% !important;
  width: 798px  !important;
}
.testpopup.modal.fade .modal-dialog{height: 530px;}
#exampleModal .modal-content {
	border-radius: 12px;
	height: 468px;
}
.buynow img {
	max-width: 112px !important;
}
.modal {
  position: fixed;
  top: 24px;
}